<head>
	<title>Login</title>
</head>

<link rel="stylesheet" href="../static/bootstrap/css/bootstrap.css"
	type="text/css" media="screen" />
	
<!-- Optional theme -->
<link rel="stylesheet"
	href="../static/bootstrap/css/bootstrap-theme.min.css">

<link rel="stylesheet" href="../static/css/style.css">

<script
	src="{{url_for('static', filename='../static/js/jquery-1.9.1.js')}}"
	type="text/javascript" charset="utf-8"></script>

<script
	src="{{url_for('static', filename='../static/bootstrap/js/bootstrap.min.js')}}"
	type="text/javascript" charset="utf-8"></script>

<script
	src="{{url_for('static', filename='../static/js/zmultipages.js')}}"
	type="text/javascript" charset="utf-8"></script>

<script src="{{url_for('static', filename='../static/js/zform.js')}}"
	type="text/javascript" charset="utf-8"></script>
<script>
	$(document).ready(function(){
		var form = $('#signin-form').ZForm({height:300,
				errors:{{ errors_json | safe }}
			});
	});
	
</script>

<div class="container">
	<h1>{{ 'Sign in' }}</h1>
	<form id="signin-form" action="/login" method="post">
		<div class="row form-group" name="account">
			<div class="col-md-3">
				<input class="form-control z-input" type="text" placeholder="{{ 'Username or Email' }}" />
			</div>
			<div class="col-md-3">
				<div class="z-label">{{ 'Username or Email' }}</div>
			</div>
		</div>

		<div class="row form-group" name="password">
			<div class="col-md-3">
				<input class="form-control z-input" type="password"
					placeholder="{{ 'Password' }}" />
			</div>
			<div class="col-md-3">
				<div class="z-label">{{ 'Password' }}</div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-2">
				<label class="checkbox"> <input type="checkbox"
					name="remember-me" value="remember-me">{{ 'Remember me' }}
				</label>
			</div>

			<button id="sign-in-btn" type="submit" class="btn btn-success col-md-1">{{ 'Sign in' }}</button>
		</div>
	</form>
	<p>
		{{ 'New to London Community?' }} <a href="/signup">{{ 'Sign up
			now' }}</a>
	</p>
</div>
